<template>
    <div class="wrgp_blue">
      <p class="friend" align="center"><img src="static/img/friend.jpg" alt="" width="100%"></p>
      <p class="cooperation" align="center">
        <router-link to="">想要了解更多合作商户，客服告诉你</router-link>
        <img src="static/img/communicate_solid.gif" alt="" width="2%">
      </p>
      <p align="center">
        <img src="static/img/fr_ship_1.jpg" alt="" width="55%">
        <img src="static/img/fr_ship_2.jpg" alt="" width="55%">
        <img src="static/img/fr_ship_3.jpg" alt="" width="55%">
      </p>
    </div>
</template>

<script>
export default {
  name: 'Cooperation'
}
</script>

<style lang="stylus" scoped>
  .wrgp_blue {
    width:100%
    background: #f4f4f4;
    margin: 0 auto
    .friend {
      margin: 0 auto
      padding-top: 2rem
      width 25%
    }
    .cooperation{
      margin-top 1rem
      a {
        text-decoration solid
        color: #ff1212;
        font-size: 21px;
      }
      a:hover {
        color: #ff5a00;
        text-decoration: underline;
      }
      img {
        padding-bottom 1rem
        padding-left 0.5rem
      }
    }
  }
</style>
